<script type="text/javascript" src="plugins/jquery.min.js"></script>
<script type="text/javascript">
	$(function(){
		// 页面浮动面板
		$("#floatPanel > .ctrolPanel > a.arrow").eq(0).click(function(){
			$("html,body").animate({scrollTop :0}, 800);
			return false;
		});
		$("#floatPanel > .ctrolPanel > a.arrow").eq(1).click(function(){
			$("html,body").animate({scrollTop : $(document).height()}, 800);
			return false;
		});

		var objPopPanel = $("#floatPanel > .popPanel");
		var w = objPopPanel.outerWidth();

		$("#floatPanel > .ctrolPanel > a.qrcode").bind({mouseover:function(){
			objPopPanel.css("width","0px").show();
			objPopPanel.animate({"width" : w + "px"},300);
			return false;
		},mouseout : function(){
			objPopPanel.animate({"width" : "0px"},300);
			return false;
			objPopPanel.css("width",w + "px");
		}
		});

	});
</script>
<!--start-->
<div id="floatPanel">
	<div class="ctrolPanel">
		<a class="arrow" href="#"><span>顶部</span></a>
		<a class="contact" href="#/contactMe"><span>反馈</span></a>
		<a class="qrcode" href="#"><span>微信二维码</span></a>
		<a class="arrow" href="#"><span>底部</span></a>
	</div>
	<div class="popPanel">
		<div class="popPanel-inner">
			<div class="qrcodePanel"><img src="resources/images/weixin.png" /><span> 扫描二维码关注我为好友</span></div>
			<div class="arrowPanel">
				<div class="arrow01"></div>
				<div class="arrow02"></div>
			</div>
		</div>
	</div>
</div>
<!--end-->

